<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数和事件</title>
</head>
<body>
<div id="app">
    <button @click="funA">调用函数funA</button>
    <br/>
    <button @click="funB">调用函数funB</button>
    <br/>
</div>
</body>
</html>
<script src="js/vue.min.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            msg: "hello vue"
        },
        // 定义函数
        methods: {
            // 函数名
            // 标准写法
            funA: function () {
                alert(this.msg)
            },
            // 缩写写法
            funB() {
                // 输出一段内容到页面
                document.write(this.msg)
                // 输出内容到控制台
                console.log(this.msg)
            }
        }
    })
</script>